<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>测试</title>
  <link rel="stylesheet" href="./static//css/style.css"/>
  <script src="./home.js"></script>
</head>
<body>
  <!-- 首页 -->
  <div class="banner-box" onclick="toAlert('欢迎来到瑶美丽论坛')">
    <img class="banner-image" src="./static/images/banner.png"/>
    <span class="banner-text">瑶美丽论坛</span>
  </div>
  <div class="nav-box">
    <div class="item-nav-box" onclick="toAlert('开发中...')">
      <img class="item-nav-image" src="./static/images/introduce.png"/>
      <div class="item-nav-text">推荐</div>
    </div>
    <div class="item-nav-box" onclick="toAlert('开发中...')">
      <img class="item-nav-image" src="./static/images/book.png"/>
      <div class="item-nav-text">订阅</div>
    </div>
    <div class="item-nav-box" onclick="toAlert('开发中...')">
      <img class="item-nav-image" src="./static/images/like.png"/>
      <div class="item-nav-text">收藏</div>
    </div>
    <div class="item-nav-box" onclick="toAlert('开发中...')">
      <img class="item-nav-image" src="./static/images/down.png"/>
      <div class="item-nav-text">下载</div>
    </div>
  </div>
  <div class="goods-list-box">
    <!-- 第一栏 -->
    <div class="goods-list">
      <div class="goods-more-box" onclick="toAlert('敬请期待瑶美丽更贴...')">
        <span class="more-text">最新帖子</span>
        <div class="more-image-box">
          <span class="more-tip">更多帖子</span>
          <img class="more-image" src="./static/images/arrow.png"/>
        </div>
      </div>
      <div class="goods-item-box">
        <div class="goods-item" onclick="toAlert('开发中,敬请期待...')">
          <img class="goods-label" src="./static/images/free-lable.png"/>
          <div class="goods-text-box">
            <div class="text-title">瑶瑶吹牛</div>
            <div class="text-desc">语录</div>
          </div>
          <img class="goods-image" src="./static/images/c-img.png"/>
          <div class="goods-title">瑶瑶吹牛语录</div>
          <div class="goods-info-box">
            <div class="goods-author-box">
              <img class="goods-author-image" src="./static/images/avatar.jpg"/>
              <div class="goods-author-name">在线勾搭姐姐</div>
            </div>
            <div class="goods-time">2021-09-30</div>
          </div>
        </div>
        <div class="goods-item" onclick="toAlert('开发中,敬请期待...')">
          <img class="goods-label" src="./static/images/free-lable.png"/>
          <div class="goods-text-box">
            <div class="text-title">瑶瑶在线翻车</div>
            <div class="text-desc">全集</div>
          </div>
          <img class="goods-image" src="./static/images/c-img.png"/>
          <div class="goods-title">瑶瑶在线翻车全集</div>
          <div class="goods-info-box">
            <div class="goods-author-box">
              <img class="goods-author-image" src="./static/images/avatar.jpg"/>
              <div class="goods-author-name">在线勾搭姐姐</div>
            </div>
            <div class="goods-time">2021-09-30</div>
          </div>
        </div>
      </div>
    </div>
    <!-- 第二栏 -->
    <div class="goods-list">
      <div class="goods-more-box" onclick="toAlert('瑶美丽正在上传文件...')">
        <span class="more-text">最新文件</span>
        <div class="more-image-box">
          <span class="more-tip">更多文件</span>
          <img class="more-image" src="./static/images/arrow.png"/>
        </div>
      </div>
      <div class="goods-item-box">
        <div class="goods-item" onclick="toAlert('开发中,敬请期待...')">
          <img class="goods-label" src="./static/images/free-lable.png"/>
          <div class="goods-text-box">
            <div class="text-title">瑶瑶吹牛</div>
            <div class="text-desc">语录</div>
          </div>
          <img class="goods-image" src="./static/images/a-img.png"/>
          <div class="goods-title">瑶瑶吹牛语录</div>
          <div class="goods-info-box">
            <div class="goods-author-box">
              <img class="goods-author-image" src="./static/images/avatar.jpg"/>
              <div class="goods-author-name">在线勾搭姐姐</div>
            </div>
            <div class="goods-time">2021-09-30</div>
          </div>
        </div>
        <div class="goods-item" onclick="toAlert('开发中,敬请期待...')">
          <img class="goods-label" src="./static/images/free-lable.png"/>
          <div class="goods-text-box">
            <div class="text-title">瑶瑶在线翻车</div>
            <div class="text-desc">全集</div>
          </div>
          <img class="goods-image" src="./static/images/b-img.png"/>
          <div class="goods-title">瑶瑶在线翻车全集</div>
          <div class="goods-info-box">
            <div class="goods-author-box">
              <img class="goods-author-image" src="./static/images/avatar.jpg"/>
              <div class="goods-author-name">在线勾搭姐姐</div>
            </div>
            <div class="goods-time">2021-09-30</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>